<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<P id="abc">这个可以使用id选择器1</P>
<P id="abd">这个可以使用id选择器2</P>

<p class="abc1">如果元素没有id属性，看看有没有class属性1</p>
<p class="abc2">如果元素没有id属性，看看有没有class属性2</p>
<p class="abc3">如果元素没有id属性，看看有没有class属性3</p>

<a>这是标签选择器1</a>
<br>
<a>这是标签选择器2</a>
<br>
<a>这是标签选择器3</a>
<br>

<p title="qwe">早一点九点下班，晚一点凌晨五点下班，叫做早九晚五</p>

<div id="aabb">
    <div>
        <p>第三代</p>
        <div>
            <p class="aab">第四代</p>
            <div class="qq">
                <ul>
                    <li>
                        <a>张三</a>
                    </li>
                    <li>
                        <a>李四</a>
                    </li>
                    <li>
                        <a>王五</a>
                    </li>
                    <li>
                        <a>马六</a>
                    </li>
                    <li>
                        <a>宋七</a>
                    </li>
                    <li>
                        <a>刘八</a>
                    </li>
                    <li>
                        <a>赵九</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>


</ul>
</body>
</html>